* {
  margin: 0;
  padding: 0; }
html.body{
  position: relative;
}
.header{
  width:100%;
  height:2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  .head_1{
    width:5%;
    height:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 0.7rem;
    color: #333;
  }
  .head_2{
    width:95%;
    height:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 0.6rem;
    color:#333;
}
}
.box{
  width:100%;
  height:10rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  .ball{
    width:95%;
    height:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .font{
    width:95%;
    height:3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.7rem;
    color: #333;

  }
   .ipts {
    width: 95%;
    height: 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
     border-bottom:1px solid #ffc830;
     .ipts_1 {
       width: 10%;
       height: 100%;
       display: flex;
       justify-content: center;
       align-items: center;
       span {
         font-size: 0.8rem;
         color: #ffc830;
       }
     }

     .ipts_2 {
       width: 80%;
       height: 100%;
       display: flex;
       justify-content: center;
       align-items: center;
       input {
         width: 100%;
         height: 60%;
         border: none;
         font-size: 0.5rem;
              }
          }
     .ipts_3{
       width: 10%;
       height: 100%;
       display: flex;
       justify-content: center;
       align-items: center;

       span {
         font-size: 0.6rem;
         color: #ccc;
         }
       }
     }
.enter {
    width: 100%;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  div {
    width: 100%;
    height: 2rem;
    border-radius: 4%;
    overflow: hidden;
    input {
      width: 100%;
      height: 100%;
      color: #fff;
      background: #ffd974;
      font-size: 0.6rem;
      border: none; }
    }
  }
}
.block{
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.5);
  position: absolute;
  top:0;
  left:0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}